<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
</head>
<body style = "background:none">

<div id = "wrapper">

    <div id="chartContainer">FusionCharts XT will load here!</div>
    <script type="text/javascript">

      var myChart = new FusionCharts( "http://localhost/kpi/html/FusionCharts/Column3D.swf", 
      "chartContainerDiv", "600", "480", "0" ,"0");
		myChart.setDataXML("<chart caption='รายงานเปรียบเทียบคะแนนรวมองค์ประกอบตั้งแต่ปี {$year-1} - {$year+1}' xAxisName='ปีการศึกษา (พ.ศ.)' yAxisName='คะแนน'  numberSuffix=' คะแนน' animation=' 1'><set label='{$year-1}' value='{$total[0][grand_total]}' /><set label='{$year}' value='{$total[1][grand_total]}' /><set label='{$year+1}' value='{$total[2][grand_total]}' /></chart>");
      myChart.render("chartContainer");
      
    </script>
</div>
</body>
</html>